<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #d1{
            width: 100px;
            height: 30px;
            background-color: green;
            color: red;
            text-align: center;
        }
        #xyj{
            text-decoration: underline;
        }
        .class{}
        h1{ color: red;}
    </style>
</head>
<body>
<div id="d1">刘德华</div>
<div style="font-style: italic;">张学友</div>
<h1>冰箱</h1>
<h1 id="xyj">洗衣机</h1>
<a href="http://www.baidu.com">百度</a>
<!--1. 刘德华 宽度 100 高度 30 绿色背景红色字体 横向和纵向居中
2. 张学友 字体大小 25px 斜体
3. 冰箱去掉加粗 蓝色阴影 方向是左下 浓度 3
4. 洗衣机添加下划线
5. 百度去掉下划线字体加粗 字体大小 20px-->

</body>
</html>